<template>
	<div class="ucenter">
		<view-box ref="viewBox">
			<BaseHeader slot="header" title="个人中心" showBack="true" preventGoBack="true" backText=""  :back="back"></BaseHeader>
			<group class="mtHeader">
		    	<cell title="个人信息" value="" is-link link="/home/ucenter/info">
		    		<img slot="default" :src="headimgurl" class="headimg">
		    	</cell>
		    	<cell title="账号安全" value="" is-link link="/home/ucenter/account"></cell>
		    </group>
		</view-box>
	</div>
</template>
<script>
import {Group, Cell, CellBox,ViewBox} from 'vux'

import BaseHeader from 'touch/components/common/header';
import Global from 'touch/config/global';

export default {
	components :{
		BaseHeader,
		Group,
		Cell,
		CellBox,
		ViewBox,
	},
	data () {
		return {
			show : false,
			headimgurl : '',
		}
	},
	methods:{
		back(){
			this.$router.go(-1);
		},
	},
	created:function(){
		this.headimgurl = this.Global.user.headimgurl;
	}
}
</script>
<style>
	.ucenter .vux-label{color: #8d8d8d;}
	.ucenter .vux-popup-dialog{background-color:#fbf9fe !important;}
	.ucenter .headimg{border-radius: 50%; width: 28px; height: 28px; border: 1px solid #fff;}
</style>